<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户注册 - 宠物邻里互助平台</title>
    <style>
        /* 注册页面样式 */
        :root {
            --primary-color: #FFECB3;  /* 琥珀黄 */
            --secondary-color: #FFD54F; /* 更深的琥珀黄 */
            --light-bg: #FFFDE7;       /* 浅奶油色 */
            --card-bg: #FFF9C4;       /* 淡黄 - 主色调 */
            --text-dark: #5D4037;      /* 深棕色文字 */
            --text-light: #8D6E63;     /* 浅棕色文字 */
            --border-color: #FFE082;   /* 浅黄色边框 */
        }

        /* 其他样式省略... */
    </style>
</head>
<body>
<div class="register-container">
    <div class="logo">宠物邻里互助平台</div>
    <h1>用户注册</h1>

    <%-- 注册表单 --%>
    <form action="${pageContext.request.contextPath}/user/register" method="post">
        <div class="form-group">
            <label for="username">用户名</label>
            <input type="text" id="username" name="username" required placeholder="请输入用户名">
        </div>

        <div class="form-group">
            <label for="password">密码</label>
            <input type="password" id="password" name="password" required placeholder="请输入密码">
        </div>

        <div class="form-group">
            <label for="email">电子邮箱</label>
            <input type="email" id="email" name="email" required placeholder="请输入电子邮箱">
        </div>

        <div class="form-group">
            <label for="phone">手机号码</label>
            <input type="tel" id="phone" name="phone" required placeholder="请输入手机号码">
        </div>

        <div class="form-group">
            <label for="role">角色</label>
            <%-- 角色选择下拉框 --%>
            <select id="role" name="role" class="role-select" required>
                <option value="" disabled selected>请选择角色</option>
                <option value="1">普通用户</option>
                <option value="0">管理员</option>
            </select>
        </div>

        <button type="submit" class="btn-submit">注册</button>

        <%-- 登录链接 --%>
        <div class="login-link">
            已有账号？<a href="${pageContext.request.contextPath}//home/Login">立即登录</a>
        </div>
    </form>
</div>
</body>
</html>